.fenlei-container {
  background: #f8f8f8;
  padding-bottom: 30px;
  .mui-table-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 5px 3vw;
    background: #f8f8f8;
    .mui-table-view-cell {
      width: 46vw;
      height: 50px;
      background-color: #fff;
      margin-top: 7px;
      &::after {
        height: 0;
      }
      &:nth-child(2n + 1) {
        margin-right: 2vw;
      }
      .img-box {
        width: 28px;
        height: 28px;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
          max-height: 100%;
          max-width: 100%;
          width: auto;
          height: auto;
        }
      }
      .mui-media-body {
        font-size: 12px;
        color: #333;
        margin-top: -5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        .mui-ellipsis {
          font-size: 10px;
          color: #999;
        }
      }
    }
    &::before,
    &::after {
      height: 0;
    }
  }
}

.mui-content {
  background: #f8f8f8;
}
